<template>
    <div class="course-detail">
      <h1>课程详情</h1>
      <!-- 这里放置课程的详细信息展示 -->
      <p>课程名称: {{ course.name }}</p>
      <p>教师: {{ course.teacherId }}</p>
      <p>学分: {{ course.credit }}</p>
      <p>年级: {{ course.grade }}</p>
      <p>时间: {{ course.time }}</p>
      <p>地点: {{ course.location }}</p>
      <p>考试日期: {{ course.examDate }}</p>
    </div>
  </template>
  
  <script>
  import * as api from "@/api/student/course"; // 假设你有一个 API 模块来获取课程详情
  
  export default {
    data() {
      return {
        course: {}  // 存放课程详情数据
      };
    },
    created() {
      this.fetchCourseDetail(); // 当组件创建时获取课程详情
    },
    methods: {
      async fetchCourseDetail() {
        const courseId = this.$route.params.courseId;  // 从路由参数中获取 courseId
        const response = await api.getCourseDetail(courseId);
        if (response.message) {
          console.log(response.data);
          this.course = response.data;  // 将数据存储在 course 中
        } else {
          this.$message.error(response.message); // 错误处理
        }
      }
    }
  };
  </script>
  
  <style scoped>
  .course-detail {
    padding: 20px;
  }
  </style>
  